<template>
	<div class="stop_user">
		<div class="textC">您已停止合作</div>
		<div class="textC mb10">无法查看内容</div>
		<div class="textC mb30">请联系您的客户经理</div>
		<div class="textC">
			<el-button type="primary" size="small" @click="logout">退出</el-button>
		</div>
	</div>
	<div class="stop_user1"></div>
	<div class="stop_user2"></div>
</template>

<script setup lang="ts">
import store from '@/store'
import { Storage } from '@/utils/storage'
import { useRouter } from 'vue-router'
const router = useRouter()
const logout = () => {
	store.userStore.logoutAction().then(() => {
		if(Storage.getItem('user_system') == 2){
			if(window.location.href.indexOf('login') == -1){
				router.push({ path: '/login' })
			}else{
				// 刷新页面
				location.reload()
			}
		}else{
			// 刷新页面
			location.reload()
		}
	})
}
</script>
<style lang="scss" scoped>
	.stop_user{
		position: fixed;
		top:50%;
		left: 50%;
		width: 300px;
		height: 170px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		z-index: 999999;
		background-color: #fff;
		border-radius: 8px;
		transform: translate(-50%,-50%);
	}
	.stop_user1{
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		z-index: 1000;
		background-color: rgba($color: #000000, $alpha: 0.5);
	}
	.stop_user2{
		position: fixed;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		z-index: 999;
		background-color: #fff;
	}
</style>